<template>
  <div>
    <div style="background-color: #fff;border-radius: 0.2rem;">
      <table>
        <tr>
          <td style="width:20%;color:#999">排名</td>
          <td style="width:60%;text-align:left;color:#999" v-if=" type !== '接待人数'">业务项</td>
          <td style="width:60%;text-align:left;color:#999" v-if=" type == '接待人数'">姓名</td>
          <td style="width:20%;color:#999" v-if=" type !== '接待人数'">数量</td>
          <td style="width:20%;color:#999" v-if=" type == '接待人数'">接待人数</td>
        </tr>
        <tbody>
          <tr class="_tr" v-for="(item,index) in formData" :key="index">
            <td style="width:20%">
              <img v-if="index == 0" src="../../../assets/onLineService/top1.png" alt="" style="width:.4rem;height:.4rem">
              <img v-else-if="index == 1" src="../../../assets/onLineService/top2.png" alt="" style="width:.4rem;height:.4rem">
              <img v-else-if="index == 2" src="../../../assets/onLineService/top3.png" alt="" style="width:.4rem;height:.4rem">
              <span v-else>{{index+1}}</span>
            </td>
            <td style="width:60%;text-align:left" v-if=" type !== '接待人数'">{{ item.questionClassification }}</td>
            <td style="width:60%;text-align:left" v-if=" type == '接待人数'">{{ item.agentName }}</td>
            <td style="width:20%">{{item.count}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    formData: {
      type: Array
    },
    type:{}
  },
  data() {
    return {};
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped lang='less'>
table {
  width: 100%;
  text-align: center;
  border-spacing: 0px;
  font-size: 0.28rem;
  > tr {
    background-color: #cff9fc;
  }
  td {
    width: 33.33%;
    padding: 0.2rem 0;
  }
}
.upDwonBtn {
  text-align: center;
  color: #787878;
  font-size: 0.25rem;
  padding: 0.2rem 0;
}
._tr{
  border-bottom: 1px solid #eee;
}
</style>
